<!doctype html>
<!--[if lt IE 7]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>
<html xmlns:th="http://www.thymeleaf.org" class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html xmlns:th="http://www.thymeleaf.org" lang="en-US"> <!--<![endif]-->

<span th:substituteby="layout.html :: header-include"></span>

<body>

<span th:substituteby="layout.html :: header"></span>

<span th:substituteby="layout.html :: search"></span>

<div class="page-container">
    <div class="container">
        <div class="row">
            <div class="span8 main-listing">
                <article class=" type-post  format-standard hentry clearfix">
                    <header class="clearfix">
                        <h3 class="post-title">
                            <a href="article.html">Chúng Sinh Cang Cường</a>
                        </h3>

                        <div class="post-meta clearfix">
                            <span class="date">24 Feb, 2013</span>
                            <span class="category">
                                <a href="#" title="View all posts in Website Dev">Video</a></span>
                            <span class="comments">
                                <a href="#" title="View all posts in Website Dev">Lyric</a></span>
                            <span class="author">
                                <a href="#" title="Status">Reviewing</a></span>
                            <span class="like-count">15</span>
                        </div>
                    </header>

                    <div class="post-video">
                        <div class="video-wrapper">
                            <iframe src="http://player.vimeo.com/video/24535181" width="500" height="281"
                                    frameborder="0" webkitallowfullscreen="" mozallowfullscreen=""
                                    allowfullscreen=""></iframe>
                        </div>
                    </div>

                    <p>Many of us work in an endless stream of tasks, browser tasks, social media, emails, meetings,
                        rushing from one thing to another, never pausing and never ending.&nbsp;Then the day is over,
                        and we are exhausted, and we often have very little to show for it. And we start the next . . .
                        <a class="readmore-link" href="http://knowledgebase.inspirythemes.com/wordpress-site-maintenance/">Read more</a></p>
                </article>

                <div id="pagination">
                    <a href="#" class="btn active">1</a>
                    <a href="#" class="btn">2</a>
                    <a href="#" class="btn">3</a>
                    <a href="#" class="btn">Next »</a>
                    <a href="#" class="btn">Last »</a>
                </div>
            </div>

            <span th:substituteby="layout.html :: sidebar"></span>
        </div>
    </div>
</div>

<span th:substituteby="layout.html :: footer"></span>
</body>
</html>
